/* <div class="slider">
  <ul class="slider-content">
    <li class="slider-item">
      <a href="javascript:;">
        <img src="./img/banner_01.jpg" alt="" />
      </a>
    </li>
  </ul>
</div> */

.slider,
.slider-content,
.slider-item,
.slider-img{
    width: 100%;
    height: 100%;
}

.slider{
    overflow: hidden;
}

.slider-item{
    float: left;
}

.slider-img{
    display: block;
}

.slider-animation{
    transition-property: all;
    transition-duration: 0ms;
    transform: translateX();
}

